.load-com {
  display: flex;
  align-items: center;
  --hieght: 90%;

  p {
    white-space: nowrap;
    margin-right: 18px;
  }

  .precent {
    margin-left: 12px;
  }

  .load {
    width: 100%;
    height: 10px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
  }
  .load::after {
    content: "";
    height: 10px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: -1px;
    width: var(--height);
    background: linear-gradient(to right, #9f3583, #5830b3);
    transition: width 0.6s ease-in-out;
  }
}
